<template>
  <div>
    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect x="31.5" y="31.5" width="31" height="31" rx="7.5" transform="rotate(180 31.5 31.5)" fill="white"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M16.6464 13.3536C16.4512 13.1583 16.4512 12.8417 16.6464 12.6464C16.8417 12.4512 17.1583 12.4512 17.3536 12.6464L20.3536 15.6464C20.5488 15.8417 20.5488 16.1583 20.3536 16.3536L17.3536 19.3536C17.1583 19.5488 16.8417 19.5488 16.6464 19.3536C16.4512 19.1583 16.4512 18.8417 16.6464 18.6464L19.2929 16L16.6464 13.3536ZM11.6464 13.3536C11.4512 13.1583 11.4512 12.8417 11.6464 12.6464C11.8417 12.4512 12.1583 12.4512 12.3536 12.6464L15.3536 15.6464C15.5488 15.8417 15.5488 16.1583 15.3536 16.3536L12.3536 19.3536C12.1583 19.5488 11.8417 19.5488 11.6464 19.3536C11.4512 19.1583 11.4512 18.8417 11.6464 18.6464L14.2929 16L11.6464 13.3536Z" :fill="svgColor4"/>
      <rect x="31.5" y="31.5" width="31" height="31" rx="7.5" transform="rotate(180 31.5 31.5)" :stroke="svgBorder4"/>
      </svg>
      
  </div>
</template>

<script setup lang="ts">
defineProps(['svgColor4', 'svgBorder4'])
</script>

<style scoped></style>